body,html{
    height:100%;
    background:#F7F7F8;
    letter-spacing: 0.02rem;
}
header{
    width:100%;
    height:8.68rem;
    background: url("/public/img/images/money_Back.jpg") no-repeat;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
}
header>h2{
    height:0.77rem;
    color:white;
    font-size: 0.77rem;
    text-align: center;
    margin-top:0.73rem;
    position: relative;
}
header>h2>img{
    display: block;
    position: absolute;
    height:0.77rem;
    left:0.55rem;
    top:0;
    z-index: 99
}
header>h1{
    font-size: 1.54rem;
    color:white;
    font-weight: bold;
    text-align: center;
    margin:1.22rem auto 1.02rem auto;
}
header>div{
    width:5.91rem;
    height:1.62rem;
    margin:0 auto;
    line-height: 1.62rem;
    color:white;
    text-align: center;
    border:0.09rem solid white;
    box-sizing: border-box;
    border-radius: 0.11rem;
    font-size: 0.51rem;
    font-weight: bold;
    background:#FE8680;
}
content{
    height: auto;
    overflow:hidden;
}
nav{
    width:100%;
    height:2.18rem;
    background:white;
    position: relative;
}
nav.fix{
    position: fixed;
    top:0;
    left:0;
    z-index: 99;
}
nav>li{
    list-style: none;
    width:50%;
    float:left;
    height:100%;
    line-height: 2.18rem;
    color:#666;
    text-align: center;
    font-size: 0.64rem;
    position: relative;
    font-weight: bold;
}
nav>li.active{
    color:#FF6B60;
}
nav>li.active:after{
    content:"";
    position: absolute;
    width: 0.17rem;
    height:0.17rem;
    border-radius: 50%;
    background: #FF6B60;
    left:50%;
    margin-left: -0.08rem;
    bottom:0.17rem;
}
nav>li:after{
    content:"";
    position: absolute;
    width: 0.17rem;
    height:0.17rem;
    border-radius: 50%;
    background: transparent;
    left:50%;
    margin-left: -0.08rem;
    bottom:0.17rem;
}
#wrapper{
    height:100%;
    overflow: hidden;
}
#wrapper>ul{
    height:100%;
    overflow: hidden;
}
#wrapper>ul>li>ul{
    width:100%;
    height:auto;
    /*margin-top: .43rem;*/
    overflow-y: auto
}
#wrapper>ul>li>ul>li{
    list-style: none;
    width:100%;
    height:2.56rem;
    border-bottom: 1px solid #eee;
    background:white;
}
#wrapper>ul>li>ul>li:first-child{
    margin-top: .43rem;
}
#wrapper>ul>li>ul>li:last-child{
    border:none;
}
#wrapper>ul>li>ul>li>div{
    height:100%;
    width:auto;
}
#wrapper>ul>li>ul>li>div:first-child{
    float:left;
    margin-left: 0.98rem;
}
#wrapper>ul>li>ul>li>div:first-child p{
    font-size: 0.64rem;
    color:#333;
    font-weight: bold;
    margin:0.44rem auto 0.34rem auto;
}
#wrapper>ul>li>ul>li>div:first-child a{
    display: block;
}
#wrapper>ul>li>ul>li>div:last-child{
    float:right;
    line-height: 2.56rem;
    margin-right: 0.85rem;
    text-align: right;
    font-size: 0.64rem;
    color:#666;
}
.report{
    position: relative;
    height:calc(100% - 10.86rem);
    overflow-y: auto;
}
.report>div{
    width:6.83rem;
    height:6.83rem;
    text-align: center;
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    margin:auto;
    /*display: none;*/
}
.report>ul{
    height:100%;
    overflow-y: auto;
}
.report>ul>li:last-child{
    margin-bottom: 2.13rem;
}
.report>div>img{
    margin:0;padding:0;
    width:3.78rem;
    margin-bottom: 0.64rem;
}
.report>div>p{
    text-align: center;
    font-size: 0.51rem;
    color:#333;
}